<template>
    <yd-layout title="Accordion">

        <yd-accordion class="demo-small-pitch">
            <yd-accordion-item title="李白《月下独酌》">
                <div style="padding: .24rem;">
                    <p>花间一壶酒，独酌无相亲。</p>
                    <p>举杯邀明月，对影成三人。</p>
                    <p>月既不解饮，影徒随我身。</p>
                    <p>暂伴月将影，行乐须及春。</p>
                    <p>我歌月徘徊，我舞影零乱。</p>
                    <p>醒时同交欢，醉后各分散。</p>
                    <p>永结无情游，相期邈云汉。</p>
                </div>
            </yd-accordion-item>
            <yd-accordion-item title="杜甫《望岳》">
                <div style="padding: .24rem;">
                    <p>岱宗夫如何，齐鲁青未了。</p>
                    <p>造化钟神秀，阴阳割昏晓。</p>
                    <p>荡胸生层云，决眦入归鸟。</p>
                    <p>会当凌绝顶，一览众山小。</p>
                </div>
            </yd-accordion-item>
            <yd-accordion-item title="王维《青溪》">
                <div style="padding: .24rem;">
                    <p>言入黄花川，每逐青溪水。</p>
                    <p>随山将万转，趣途无百里。</p>
                    <p>声喧乱石中，色静深松里。</p>
                    <p>漾漾泛菱荇，澄澄映葭苇。</p>
                    <p>我心素已闲，清川澹如此。</p>
                    <p>请留盘石上，垂钓将已矣。</p>
                </div>
            </yd-accordion-item>
        </yd-accordion>

        <yd-accordion class="demo-small-pitch" accordion>
            <yd-accordion-item title="李白" open>
                <div style="padding: .24rem;">
                    李白（701年－762年），字太白，号青莲居士，又号“谪仙人”，是唐代伟大的浪漫主义诗人，被后人誉为“诗仙”，与杜甫并称为“李杜”，为了与另两位诗人李商隐与杜牧即“小李杜”区别，杜甫与李白又合称“大李杜”。其人爽朗大方，爱饮酒作诗，喜交友。
                </div>
            </yd-accordion-item>
            <yd-accordion-item title="杜甫">
                <div style="padding: .24rem;">
                    杜甫（712年—770年），字子美，汉族，本襄阳人，后徙河南巩县。自号少陵野老，唐代伟大的现实主义诗人，与李白合称“李杜”。为了与另两位诗人李商隐与杜牧即“小李杜”区别，杜甫与李白又合称“大李杜”，杜甫也常被称为“老杜”。
                </div>
            </yd-accordion-item>
            <yd-accordion-item title="王维">
                <div style="padding: .24rem;">
                    王维（701年－761年，一说699年—761年），河东蒲州（今山西运城）人，祖籍山西祁县。唐朝著名诗人、画家，字摩诘，号摩诘居士。
                </div>
            </yd-accordion-item>
        </yd-accordion>

    </yd-layout>
</template>
